<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
<title>福建中星华宸电子设备有限公司</title>
<link rel="icon" type="image/png" href="/images/logo.gif" sizes="16x16">
<link rel="stylesheet" type="text/css" href="/css/font.css">
<link rel="stylesheet" type="text/css" href="/css/style.css">
<script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/js/jquery-ajax.js"></script>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>
<section class="s_banner_2">
	<nav>
		<div class="container">
			<div class="row">
				<div class="col-sm-12 col-md-6">
					<img src="/images/img_logo.png" alt="" width="60" />
				</div>
				<div class="col-sm-12 col-md-6 headerNav">
					<ul class="avg-sm-1 avg-md-4 avg-lg-4">
						<li class="toggle_lg"><a href="/"><i class="glyphicon glyphicon-home"></i>首页</a></li>
						<li class="toggle_lg"><a href="/#s2"><i class="glyphicon glyphicon-user"></i>关于我们</a></li>
						<li class="toggle_lg"><a href="/#s3"><i class="glyphicon glyphicon-th-list"></i>产品中心</a></li>
						<li class="toggle_lg"><a href="/#s5"><i class="glyphicon glyphicon-comment"></i>联系我们</a></li>
					</ul>
				</div>
			</div>
		</div>
	</nav>
</section>
<section class="s_list">
	<div class="container ">
		<ol class="breadcrumb">
		  <li><a href="/">首页</a></li>
		  <li class="active">运动控制</li>
		</ol>
		<!-- Nav tabs -->
		<ul class="nav nav-pills nav-justified" role="tablist" id="myTabs">
		    <li role="presentation" class="active">
		    	<a href="#ctrol_1" aria-controls="camera" role="tab" data-toggle="tab">PLC</a>
		    </li>
		    <li role="presentation">
		    	<a href="#ctrol_2" aria-controls="control" role="tab" data-toggle="tab">HMI</a>
		    </li>
		    <li role="presentation">
		    	<a href="#ctrol_3" aria-controls="case" role="tab" data-toggle="tab">整体式控制器</a>
		    </li>
		    <li role="presentation">
		    	<a href="#ctrol_4" aria-controls="camera" role="tab" data-toggle="tab">伺服系统</a>
		    </li>
		    <li role="presentation">
		    	<a href="#ctrol_5" aria-controls="control" role="tab" data-toggle="tab">变频系统</a>
		    </li>
		    <li role="presentation">
		    	<a href="#ctrol_6" aria-controls="case" role="tab" data-toggle="tab">步进系统</a>
		    </li>
		</ul>
		<p class="clear"></p>

		<!-- Tab panes -->
		<div class="tab-content" id="myTabContent">
		    <div role="tabpanel" class="tab-pane fade in active" id="ctrol_1">

				<div class="bs-callout bs-callout-info" id="XG1">
				    <h4>XG1系列</h4>
				    <p>由于标签页需要控制内容区的展示，因此，你必须使用 </p>
				    <div class="row">
					  <div class="col-sm-6 col-md-4">
					    <a class="thumbnail" href="#">
					      <img src="/images/XG1.jpg" alt="...">
					      <div class="caption">
					        <p>XG1</p>
					      </div>
					    </a>
					  </div>
					</div>
				</div>
				<div class="bs-callout bs-callout-warning" id="XL3">
				    <h4>XL3系列</h4>
				    <p>如果你在使用导航组件实现导航条功能，务必在 ，因为这样可以被辅助设备（残疾人用的）上被识别为一个真正的列表。</p>
				    <div class="row">
					  <div class="col-sm-6 col-md-4">
					    <div class="thumbnail">
					      <img src="/images/XL3.jpg" alt="...">
					      <div class="caption">
					        <p>XL3</p>
					      </div>
					    </div>
					  </div>
					</div>
				</div>
				<div class="bs-callout bs-callout-success" id="XD">
				    <h4>XD系列</h4>
				    <p>如果你在使用导航组件实现导航条功能，务必在 ，因为这样可以被辅助设备（残疾人用的）上被识别为一个真正的列表。</p>
				    <div class="row">
					  <div class="col-sm-6 col-md-4">
					    <div class="thumbnail">
					      <img src="/images/XD2.jpg" alt="...">
					      <div class="caption">
					        <p>XD2系列</p>
					      </div>
					    </div>
					  </div>
					  <div class="col-sm-6 col-md-4">
					    <div class="thumbnail">
					      <img src="/images/XD3.jpg" alt="...">
					      <div class="caption">
					        <p>XD3系列</p>
					      </div>
					    </div>
					  </div>
					  <div class="col-sm-6 col-md-4">
					    <a class="thumbnail" href="list-2.html">
					      <img src="/images/XD5.jpg" alt="...">
					      <div class="caption">
					        <p>XD5系列</p>
					      </div>
					    </a>
					  </div>
					  <div class="col-sm-6 col-md-4">
					    <div class="thumbnail">
					      <img src="/images/XDM.jpg" alt="...">
					      <div class="caption">
					        <p>XDM系列</p>
					      </div>
					    </div>
					  </div>
					  <div class="col-sm-6 col-md-4">
					    <div class="thumbnail">
					      <img src="/images/XDC.jpg" alt="...">
					      <div class="caption">
					        <p>XDC系列</p>
					      </div>
					    </div>
					  </div>
					</div>
				</div>
		    </div>
		    <div role="tabpanel" class="tab-pane fade" id="ctrol_2">
				ctrol_2
		    </div>
		    <div role="tabpanel" class="tab-pane fade" id="ctrol_3">
				ctrol_3
		    </div>
		    <div role="tabpanel" class="tab-pane fade" id="ctrol_4">
				ctrol_4
		    </div>
		    <div role="tabpanel" class="tab-pane fade" id="ctrol_5">
				ctrol_5
		    </div>
		    <div role="tabpanel" class="tab-pane fade" id="ctrol_6">
				ctrol_6
		    </div>
		</div>

		<!-- <div class="row">
		  <div class="col-sm-6 col-md-3">
		    <div class="thumbnail">
			    <a href="detail-2.html">
			      <img src="/images/XG1.jpg" alt="...">
			      <div class="caption">
			        <p>XG1</p>
			      </div>
		        </a>
		    </div>
		  </div>
		  <div class="col-sm-6 col-md-3">
		    <div class="thumbnail">
			    <a href="detail-2.html">
			      <img src="/images/XL3.jpg" alt="...">
			      <div class="caption">
			        <p>XL3</p>
			      </div>
		        </a>
		    </div>
		  </div>
		  <div class="col-sm-6 col-md-3">
		    <div class="thumbnail">
			    <a href="detail-2.html">
			      <img src="/images/XD.jpg" alt="...">
			      <div class="caption">
			        <p>XD</p>
			      </div>
		        </a>
		    </div>
		  </div>
		</div> -->
	</div>
</section>
<footer>
	<div class="container content">
		<div id="copyright" class="c">
			Copyright© 2017-2019 福建中星华宸电子设备有限公司
		</div>
	</div>
</footer>
<div class="go_top container" id="go_top">
	<a href="#top" title="回到顶部"><i class="ion-chevron-up"></i><p>返回顶部</p></a>
</div>
<script>
	$('.inactive').click(function(){
		$(this).siblings('ul').slideToggle(100).children('li');
	})
	$('.contentTaggle').click(function() {
		$(this).addClass('activeTaggle').siblings('li').removeClass('activeTaggle')
	});
	$('.showSidebar').click(function() {
		$('.siderbar').show();
		$(this).hide();
	});
	$('.hideSidebar').click(function() {
		$('.siderbar').hide();
		$('.showSidebar').show();
	});
</script>
</body>
</html>
